body {
     overflow:auto;   /* 用于 android4+，或其他设备 */
     -webkit-overflow-scrolling:touch;    /* 用于 ios5+ */  
}

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0; }

img {
  display: block; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

ul, ol {
  list-style: none; }

input {
  padding-top: 0;
  padding-bottom: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

select, input {
  vertical-align: middle; }

select, input, textarea {
  font-size: 12px;
  margin: 0; }

input[type="text"], input[type="password"], textarea {
  outline-style: none;
  -webkit-appearance: none; }

textarea {
  resize: none; }

table {
  border-collapse: collapse; }

html {
  font-size: 62.5%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important; } }
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.375% !important; } }
@media only screen and (min-width: 375px) {
  html {
    font-size: 87.890625% !important; } }
@media only screen and (min-width: 410px) {
  html {
    font-size: 97.03% !important; } }
@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important; } }
@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important; } }
@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important; } }
@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important; } }
@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important; } }
@media only screen and (min-width: 800px) {
  html {
    font-size: 187.5% !important; } }
@media only screen and (min-width: 960px) {
  html {
    font-size: 100% !important; } }
@media only screen and (orientation: landscape) {
  html {
    font-size: 73.4% !important; } }
.page-aside .page-tip {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center; }

body, html {
  height: 100vh;
  width: 100vw;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background-color: #F6F7FB; }

[pdb] {
  padding-bottom: 1.5644444444rem; }

[mt] {
  margin-top: 0.5688888889rem; }

[block] {
  background-color: white; }

[black] {
  background-color: black; }

[an] {
  background-color: #5BBC2E; }

.wrap {
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll; }

.switch-block {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative; }
  .switch-block .title {
    height: 2.0622222222rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    position: relative;
    font-size: 1.1377777778rem;
    color: #333333;
    padding-top: 1.1377777778rem; }
    .switch-block .title .bar {
      height: 1.1377777778rem;
      width: 0.2844444444rem;
      background-color: #5BBC2E;
      margin-right: 1.1377777778rem;
      display: inline-block; }
  .switch-block .article {
    height: auto;
    width: 24.3911111111rem;
    font-size: 1rem;
    color: #3A3D40;
    margin-top: 0.7111111111rem;
    line-height: 1.8;
     }
.switch-block .article p{margin-bottom:0.9rem;}
.switch-block .article img{
    width: 100%!important;
    height: auto!important;
    margin: 0 auto 0.7rem auto;
	display: block;
}

.info-card {
  height: 10.8088888889rem;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  margin-top: 0.5688888889rem;
  background-color: white;
  padding: 1.1377777778rem 1.1377777778rem 0.8533333333rem; }
  .info-card .blog {
    height: 12.0888888889rem;
    width: 12.0888888889rem; }
  .info-card .title {
    font-size: 1.28rem;
    color: #333333;
    margin-bottom: 1.1377777778rem; }
  .info-card article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    flex: 1;
    position: relative; }
    .info-card article .tip {
      height: 1.7066666667rem;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -o-box;
      display: box;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      display: flex;
      display: -webkit-flex;
      flex-direction: row; }
      .info-card article .tip img {
        height: 1.7066666667rem;
        width: 1.7066666667rem;
        margin-right: 0.5688888889rem; }
      .info-card article .tip span {
        font-size: 1rem;
        color: #666;
        line-height: 1.7066666667rem; }

.page-article {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 1.1377777778rem 0.8533333333rem;
  background-color: white; }
  .page-article .title {
    font-size: 1.7066666667rem;
    text-align: center;
    color: #333333; }
  .page-article .date {
    font-size: 0.9244444444rem;
    color: #808080;
    text-align: center;
    margin-bottom: 2.2755555556rem;
    margin-top: 1.1377777778rem; }
  .page-article .articles{
    margin: 0 1rem ;
    padding: 0 0 0.7rem 0;
    font-size: 1.05rem!important;
    line-height: 1.6!important;
    color: #333333!important;
  }

  .page-article img, .page-article video {
    width: 100%!important;
    height: auto!important;
    margin: 0.1rem auto; }

  .page-article iframe{
    width: 100%!important;
    height: 13.95rem;
    margin: 0.3rem auto; }

.page-header {
  background-color: white;
  opacity: 0.9; }

.page-header-logo2 {
  height: 1.7066666667rem;
  width: 1.7066666667rem;
  position: absolute;
  top: 50%;
  left: 1.1377777778rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .page-header-logo2 img {
    height: 100%;
    width: 100%; }

.page-header-back {
  height: 1.2rem;
  width: 1.2rem;
  position: absolute;
  top: 50%;
  left: 1.1377777778rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .page-header-back img {
    height: 100%;
    width: 100%; }

.page-header-title {
  position: absolute;
  top: 50%;
  left: 5.1911111111rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.2088888889rem; }

.page-content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  flex: 1;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden; }

.page-swiper {
  width: 100vw;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: lightcyan; }

.page-swiper img {
  width: 100vw; }

.l_box [toast-menu] .menu-wrap .menu-main .menu-item, .page-footer .page-footer-wrap .page-footer-block .page-footer-blocker {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -o-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -o-box-align: center;
  box-align: center; }

.l_box {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 100;
  display: none; }

.active i:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(0.32rem, 0.32rem);
  -moz-transform: rotate(45deg) translate(0.32rem, 0.32rem);
  -ms-transform: rotate(45deg) translate(0.32rem, 0.32rem);
  transform: rotate(45deg) translate(0.3484444444rem, 0.3484444444rem); }
.active i:nth-child(2) {
  display: none; }
.active i:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(0.32rem, -0.32rem);
  -moz-transform: rotate(-45deg) translate(0.32rem, -0.32rem);
  -ms-transform: rotate(-45deg) translate(0.32rem, -0.32rem);
  transform: rotate(-45deg) translate(0.3484444444rem, -0.3484444444rem); }

.page-header-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.2844444444rem;
  position: relative;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
  .page-header-menu i {
    height: 0.1422222222rem;
    width: 100%;
    background-color: #010002;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.l_box [toast-menu] {
  height: 100%;
  width: 100%;
  position: relative;
  display: none; }

.l_box [toast-menu] .menu-wrap {
  height: auto;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: 1.1377777778rem solid transparent;
  border-right: 1.1377777778rem solid transparent; }

.l_box [toast-menu] .menu-wrap .menu-main {
  height: auto;
  width: 100%;
  position: relative;
  top: 4.2666666667rem;
  left: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.l_box [toast-menu] .menu-wrap .menu-main .menu-item {
  height: 4.76444rem;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  color: #333;
  font-size: 1.20889rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical; }

.l_box [toast-code] {
  height: 100%;
  width: 100%;
  position: relative;
  display: none; }

.l_box [toast-code] .code-wrap {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column; }

.l_box [toast-code] .code-wrap .code-pic {
  height: 22.75556rem;
  width: 100%;
  position: relative;
  overflow: visible; }

.l_box [toast-code] .code-wrap .code-main {
  flex: 1;
  position: relative; }

.l_box [toast-code] .code-wrap .code-main p {
  font-size: 1.20889rem;
  color: #333;
  line-height: 6.57778rem;
  text-align: center; }

.l_box [toast-code] .code-wrap .code-main button {
  background-color: #5bbc2e;
  height: 3.55556rem;
  width: 12.8rem;
  font-size: 1.13778rem;
  color: white;
  border-radius: 1.77778rem;
  position: relative;
  left: 50%;
  margin-left: -6.4rem; }

.l_box [toast-code] .code-wrap .code-img {
  height: 14.29333rem;
  width: 14.29333rem;
  position: absolute;
  top: 8.78222rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 1000;
  border: 1px solid #ededed; }

.l_box [toast-code] .code-wrap .code-img img {
  height: 100%;
  width: 100%; }

.page-footer {
  height: auto;
  width: 100%;
  padding-top: 1.1377777778rem;
  padding-right: 1.1377777778rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  background-color: black; }
  .page-footer .tips {
    height: 1.4222222222rem;
    width: 100%;
    text-align: center;
    line-height: 1.4222222222rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9955555556rem;
    margin: 1.1377777778rem auto 0;
    padding-bottom: 1.1377777778rem; }
  .page-footer .common_icon_gotop {
    height: 2.56rem;
    width: 2.56rem;
    position: absolute;
    right: 1.1377777778rem;
    bottom: 1.7066666667rem; }
  .page-footer .code {
    height: 11.3777777778rem;
    width: 11.3777777778rem;
    margin: 0 auto; }
  .page-footer .page-footer-logo {
    height: auto;
    width: 7.5022222222rem;
    margin: 1.1377777778rem auto; }
  .page-footer p {
    width: 80%;
    font-size: 0.8533333333rem;
    margin: 0.5688888889rem auto 0;
    font-size: 0.9955555556rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6); }

.page-about {
  height: auto;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 1.1377777778rem;
  padding-right: 1.1377777778rem; }

.page-aside {
  height: 4.5511111111rem;
  width: 100%;
  position: relative; }
  .page-aside .page-title {
    position: absolute;
    top: 1.1377777778rem;
    left: 0;
    width: 100%;
    height: 1.9911111111rem;
    line-height: 1.9911111111rem;
    text-align: center;
    font-size: 1.4222222222rem;
    color: #434343; }
  .page-aside .page-tip {
    position: absolute;
    bottom: 0;
    left: 0.0711111111rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    width: 100%;
    height: 1.2088888889rem;
    line-height: 1.2088888889rem;
    color: #5BBC2E;
    font-size: 0.8533333333rem;
    text-align: center; }
    .page-aside .page-tip img {
      height: 0.5688888889rem;
      width: 0.2844444444rem; }
    .page-aside .page-tip span {
      margin: 0 0.5688888889rem; }
    .page-aside .page-tip .left {
      -webkit-transform: translateY(-0.1422222222rem);
      -moz-transform: translateY(-0.1422222222rem);
      -ms-transform: translateY(-0.1422222222rem);
      -o-transform: translateY(-0.1422222222rem);
      transform: translateY(-0.1422222222rem); }
    .page-aside .page-tip .right {
      -webkit-transform: translateY(0.1422222222rem);
      -moz-transform: translateY(0.1422222222rem);
      -ms-transform: translateY(0.1422222222rem);
      -o-transform: translateY(0.1422222222rem);
      transform: translateY(0.1422222222rem); }

.l_box [close] {
  position: absolute;
  top: 1.1377777778rem;
  right: 1.1377777778rem;
  height: 1.7066666667rem;
  width: 1.7066666667rem;
  z-index: 5; }
  .l_box [close] img {
    height: 100%;
    width: 100%; }

.l_logo {
  position: absolute;
  top: 1.1377777778rem;
  left: 1.1377777778rem;
  height: auto;
  width: 7.5022222222rem;
  z-index: 5; }

.wrap {
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: scroll; }
  .wrap header {
    height: 4.2666666667rem;
    width: 100%;
    position: relative; }
  .wrap .page-header {
    height: 4.2666666667rem;
    width: 100%;
    position: fixed;
    z-index: 10; }
    .wrap .page-header .page-header-menu {
      height: 1.7066666667rem;
      width: 1.7066666667rem;
      position: absolute;
      top: 50%;
      right: 1.1377777778rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .wrap .page-header .page-header-menu img {
        height: 100%;
        width: 100%; }
    .wrap .page-header .page-header-login {
      height: 1.8488888889rem;
      width: 7.5022222222rem;
      position: absolute;
      top: 50%;
      left: 1.1377777778rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .wrap .page-header .page-header-login a {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 2;
        opacity: 0; }
      .wrap .page-header .page-header-login img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }

/*# sourceMappingURL=common.css.map */